<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template/sitemaster.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="header">
        Home
    </ui:define>
    <ui:define name="content">
        <c:forEach var="book" items="#{listBookBean.allBook}">
            <center>
                <table>
                <tr>
                <td>
                    <img src="#{book.images}"></img>
                </td>
                
                </tr>
                <tr>
                    <td>#{book.name}</td><br/>
                </tr>
                <tr>
                    <td>#{book.author}</td>
                </tr>
                <tr>
                    <td>#{book.price} USD</td>
                </tr>
                <tr>
                    <td><h:button value="Detail" outcome="BookDetails.xhtml?id=#{book.id}"/></td>
                    <td></td>
                </tr>
            </table> 
            </center>
        </c:forEach>
    </ui:define>

</ui:composition>
